<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示属性</title>
		<style>
			div.taiyi{
				width: 300px;
				height: 300px;
				background-image: url(../img/10.png);
				background-size: 100% 100%;
				display: none;/*元素直接消失：元素不占文档流*/
				visibility: hidden;/*元素直接隐藏：元素占文档流*/
				visibility: visible;/*元素显示  结合JS切换使用*/
				
			}
			div.shengongbao{
				width: 300px;
				height: 300px;
				background-image: url(../img/40.png);
				background-size: 100% 100%;
				/*光标属性：移动页面区域，根据页面区域需要,调整光标效果*/
				cursor: pointer;/*手效果，使用率高*/
				cursor: crosshair;/*十字基准线：选取，使用较低*/
		        cursor: text;/*默认输入框*/
				cursor: wait;/*等待：沙漏*/
				cursor: help;/*帮助*/
			}
		</style>
	</head>
	<body>
		<!--元素存在于盒模型，显示状态：行快 display显示属性
		                                         隐藏属性                 
		-->
		你打我撒 <div class="taiyi"></div>
		人心中的成见是一座大山<div class="shengongbao"></div>
			
		</div>
	</body>
</html>